<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订阅球队</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
		<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript" src="../js/iscroll.js"></script>
		<script type="text/javascript">
			var myscroll;
			function loaded(){
				myscroll = new iScroll("wrapper",{
					scrollY:true,
					freeScroll:true
				});
			}
			window.addEventListener("DOMContentLoaded",loaded,false);
		</script>
		<link rel="stylesheet" type="text/css" href="../iconfont/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/NBAsub.css"/>
	</head>
	<body>
		<!-- 整体 -->
		<div class="wrap">
			
			<!-- 头部 -->
			<div class="header">
				<h2 class="title">订阅</h2>
				<span class="back"><i class="icon iconfont">&#xe609;</i></span>
			</div>
			
			<!-- 展示列表 -->
			<div id="wrapper" class="balllist">
				<div class="list" id="scroller">
					<ul class="ullist">
						
						<!--<li>
							<dl class="teamLog">
								<dt><img src="../img/competion-img/vs.png"/></dt>
								<dd>上海申花</dd>
							</dl>
							<img src="../img/competion-img/vs.png" class="VS"/>
							<div class="teamLog">
								<dt><img src="../img/competion-img/vs.png" alt=""/></dt>
								<dd>延伸福德</dd>
							</div>
							<div class="subState">
								<input type="checkbox" id="name" class="check" checked="checked"/>
								<label for="name" class="labsub"></label>
							</div>
						</li>-->
						<script type="text/javascript"> 
						var pn = 1;
						var str = "";
						$.ajax({
					        type:"get",
					        url:"get.json",
					        data:{
					       		aid:"3c2c1673f45c4c7f9f7611006f998fe3",
					       		ps:"10",
					       		pn:pn
					        },
					        dataType:"json",
					        success: function(rsp) {
					            for(var i = 0; i < rsp.list.length; i ++){
					            	var logUrl = rsp.list[i].icon.split(",");
					            	var name = rsp.list[i].name.split(",");
					            	str += '<li><dl class="teamLog"><dt><img src="' + logUrl[0] + '"/></dt><dd>' + name[0] + 
					            	'</dd></dl><img src="../img/competition-img/vs.png" class="VS"/><div class="teamLog"><dt><img src="' 
					            	+ logUrl[1] + '" alt=""/></dt><dd>' + name[1] + '</dd></div><div class="subState"><input type="checkbox" id="' + rsp.list[i].id +
					            	'" class="check" checked="checked"/><label for="' + rsp.list[i].id + '" class="labsub"></label></div></li>';
					            }
					            $(".ullist").html(str);
					            changeState();	
					            myscroll.refresh();
					        }
					    });
					   
						</script>
					</ul>
				</div>
			</div>
			
		</div>
	</body>
	<script type="text/javascript" src="../js/NBAsub.js"></script>
</html>
